<script setup>
import drawer from "./drawer.vue";
import footerBar from "./footer.vue";
import maskVue from "./mask/mask.vue";
import navBar from "./nav.vue";
import search from "./search.vue";
</script>

<template>
  <div>
    <navBar></navBar>
    <drawer></drawer>
    <search></search>
    <router-view :key="$route.fullPath" />
    <el-backtop :visibility-height="100" :bottom="100" style="right: 1vw">
      <i class="iconfont icon-huojian-X"></i>
    </el-backtop>
    <footerBar v-if="$route.name !='message'"></footerBar>
  </div>
</template>

<style scoped>
@media screen and (min-width:760px){
  .disappear{
    display: none;
  }
}
.el-backtop,
.el-backtop:hover {
  background-color: transparent;
  box-shadow: none;
}

.el-backtop .iconfont {
  font-size: 40px;
}
</style>